// pages/good/goods/index.js
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    overlayShow: false,
    types: [
      // {
      //   id: 6,
      //   goodTypeName: "视频会员"
      // }
    ],
    list: [
      {
        id: 1,
        goodName: "b站大会员满减券",
        goodCarbonCurrency: 200,
        imagePath: "../../../image/flower.png",
        goodType: 1
      }
    ],
    images: [
      '../../../image/adver.jpg',
      '../../../image/adver.jpg',
      '../../../image/adver.jpg'
    ]
  },

  searchByImage() {
    var that = this;
    wx.chooseImage({
      count: 1,
      sizeType: ['compressed'],
      sourceType: ['album'],
      success: function (res) {
        wx.setStorage({
          key: 'searchImageUrl',
          data: res.tempFilePaths,
          success(res) {
            wx.navigateTo({
              url: '../imageResults/index',
            })
          }
        })
      },
      fail: function (res) {
        wx.showToast({
          title: '图片选择失败,请重新选择...',
          icon: 'none'
        })
      },
    })
  },

    /**
   * 显示搜索
   */
  showPopup() {
    this.setData({
      overlayShow: true
    })
  },

  /**
   * 按关键词搜索帖子
   */
  onSearch: function (e) {
    wx.navigateTo({ 
      url: "../results/index?searchKey=" + e.detail
    })
  },

  /**
   * 取消搜索
   */
  onCancel: function () {
    this.setData({ communitySearchKey: "" });
    // Toast('取消' + this.data.communitySearchKey);
    this.setData({ overlayShow: false });
  },
  onSearchIconClick: function () {
    this.setData({ overlayShow: true });
  },

  /**
   *  切换标签
   */
  onChange(event) {
    var that = this

    console.log(event.detail)

    if(event.detail.index == 0){
      // 查询全部
      console.log(event.detail.index)

      // 获取所有商品
      this.getAll()

    }else{
      // 按分类查询

      wx.request({
        url:  app.globalData.url + '/categorized_good/',
        method: "GET",
        data: {
          goodType: event.detail.name
        },
        headers: {
          'Content-Type': 'application/json'
        },
        success: function (res) {
          console.log(res.data)

          if(res.data.status_code == 500){
            wx.showToast({
              title: '获取失败',
              duration: 2000,
              icon: 'error',
            })
          }else {
            that.setData({
              list: res.data
            })
          }
          
        },
        fail: function (res) {
          wx.showToast({
            title: '连接失败',
            duration: 2000,
            icon: 'error',
          })
        }
      })
    }
  },

  /**
   * 获取所有商品
   */
  getAll() {
    var that = this
    
    // 获取所有商品
    wx.request({
      url: app.globalData.url + '/store/',
      method: "GET",
      headers: {
        'Content-Type': 'application/json'
      },
      success: function (res) {
        console.log(res.data)

        if(res.data.status_code == 500){
          wx.showToast({
            title: '获取失败',
            duration: 2000,
            icon: 'error',
          })
        }else {
          that.setData({
            list: res.data
          })
        }
      },
      fail: function (res) {
        wx.showToast({
          title: '连接失败',
          duration: 2000,
          icon: 'error',
        })
      }
    })
  },

  /**
   * 跳转详情页
   */
  toDetailsTap: function(e) {
    console.log(e.currentTarget.dataset.id);

    wx.navigateTo({
      url: "../detail/index?id=" + e.currentTarget.dataset.id
    })
  },

  /**
   * 添加全部商品的选项
   */
  addOneType() {
    var that = this

    var temp = that.data.types
    temp.unshift({
      id: 0,
      goodTypeName: '全部商品'
    })

    that.setData({
      types: temp
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that = this

    // 获取所有商品分类
    wx.request({
      url: app.globalData.url + '/good_type/',
      method: "GET",
      headers: {
        'Content-Type': 'application/json'
      },
      success: function (res) {
        console.log(res.data)

        if(res.data.status_code == 500){
          wx.showToast({
            title: '获取分类失败',
            duration: 2000,
            icon: 'error',
          })
        }else{
          that.setData({
            types: res.data
          })

          that.addOneType()
        }
      },
      fail: function (res) {
        wx.showToast({
          title: '连接失败',
          duration: 2000,
          icon: 'error',
        })
      }
    })

    this.getAll()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})